<!doctype html>
<html>

<head>
    <title>SpreadJS in TypeScript</title>
    <link rel="stylesheet" type="text/css" href="node_modules/@grapecity/spread-sheets/styles/gc.spread.sheets.excel2013white.css">
    <link rel="stylesheet" type="text/css" href="node_modules/@grapecity/spread-sheets-designer/styles/gc.spread.sheets.designer.min.css">
    <script src="node_modules/systemjs/dist/system.src.js"></script>
    <!-- <script src="//cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.js"></script> -->
    <script src="systemjs.config.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        #loadAnother {
            margin-left: 30px;
        }
        .header {
            height: 30px;
        }
        #designer-container {
            height: calc(100vh - 30px)
        }
    </style>
</head>

<body>
    <div class="header">
        <button id="exportExcel">保存为Excel</button><button id="loadAnother">加载另一组数据</button>
        <span id="yearMonth"></span>
    </div>
    <div class="container">
        <div id="designer-container" style="width:100vw"></div>
    </div>
</body>
<script>
    let spread, designer, sheet
    System.import('./src/app');
</script>

</html>